@charset "utf-8";
/* login start */

.login_bg { position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/login_bg.jpg) center 0 no-repeat; background-size: 100% auto; }
.login_logo { margin-top: 86px; height: 162px; background: url(../images/login_logo.png) center 0 no-repeat; background-size: 162px auto; }
.login { width: 278px; margin: 34px auto 0; }
.login .ipt_box { position: relative; width: 278px; height: 49px; margin: 6px auto 0; background: url(../images/login_input_bg.png) center 0 no-repeat; background-size: 278px auto; color: #fff; }
.login .ipt_box i { position: absolute; z-index: 10; left: 13px; top: 13px; background: url(../images/sprite_01.png) no-repeat; background-size: 100px 300px; }
.login .ipt_box.username_box i { width: 23px; height: 21px; background-position: -4px -4px; }
.login .ipt_box.password_box i { width: 20px; height: 22px; background-position: -32px -4px; }
.login .ipt_box input { margin: 12px 10px 12px 46px; height: 22px; line-height: 22px; width: 222px; color: #fff; background: none; border: none; outline: none; }
.login .ipt_box input::-webkit-input-placeholder { color: #fff; opacity: .4; }
.login .btn { width: 278px; }
.login .ft { margin: 12px auto 0; }
.login .ft a { color: #fff; font-size: 14px; }
.login .ft .forgot_psw { float: left; }
.login .ft .reg { float: right; }

/* login end */


/* register start */

.ipt_list { margin: 26px 20px 0; background: #fff; border: 1px solid #ccc; border-radius: 6px; }
.ipt_list .ipt_cell { position: relative; display: flex; border-bottom: 1px solid #ccc; padding: 10px 12px 10px 120px; line-height: 24px; z-index: 1; text-align: right; }
.ipt_list .ipt_cell:last-child { border: none; }
.ipt_list .ipt_cell .tag { position: absolute; z-index: 10; left: 0; width: 94px; font-size: 14px; line-height: 24px; color: #656565; text-align: right; }
.ipt_list .ipt_cell input[type='text'], .ipt_list .ipt_cell input[type='password'] { margin: 0; padding: 0; width: 100%; border: none; background: none; color: #535353; font-size: 14px; line-height: 24px; height: 24px; outline: none; }
.ipt_list .ipt_cell input[type='number'] { margin: 0; padding: 0; width: 100%; border: none; background: none; color: #535353; font-size: 14px; line-height: 24px; height: 24px; outline: none; }
.ipt_list .ipt_cell input[disabled]{ color: #c8c7c7; }
.ipt_list .ipt_cell input.slt { padding-right: 20px; }
.ipt_list .ipt_cell input.slt + i { position: absolute; z-index: -1; right: 15px; top: 19px; margin: 0; width: 14px; height: 7.5px; background: url(../images/sprite_01.png) -80px -8px no-repeat; background-size: 100px 300px; }
.ipt_list .ipt_cell input.date { padding-right: 20px; }
.ipt_list .ipt_cell input.date + i { position: absolute; z-index: -1; right: 13px; top: 13px; margin: 0; width: 17px; height: 18px; background: url(../images/sprite_01.png) -5px -106px no-repeat; background-size: 100px 300px; }
.ipt_list .ipt_cell input::-webkit-input-placeholder { color: #c8c7c7; opacity: 1; }
.ipt_list .ipt_cell.psw_box { padding-right: 26px; }
.ipt_list .ipt_cell .show_psw { right: 0; top: 16px; }
.ipt_list .ipt_cell.verify_box { padding-right: 100px; }
.ipt_list .ipt_cell.verify_box input { text-align: left; }
.ipt_list .ipt_cell.verify_box .get_verify_code { position: absolute; z-index: 10; right: 12px; top: 8px; width: 80px; height: 28px; line-height: 28px; background: #073372; color: #fff; font-size: 12px; text-align: center; border-radius: 4px; }
.ipt_list .ipt_cell.verify_box .get_verify_code.disabled { background: #ccc; }
.ipt_list .ipt_cell.disabled .tag { color: #aaa; }
.ipt_list .ipt_cell.disabled input { color: #aaa; }
.register .btn { margin: 30px 35px 40px; }

/* register end */


/*userinfo start */


/*.userinfo .ipt_list { border: none; }*/

.userinfo { padding-bottom: 30px; }
.user_face { margin: 30px auto; text-align: center; }
.user_face img { width: 113px; height: 113px; border-radius: 120px; border: 3px solid #dfdfdf; }

/*userinfo end */


/*jump start*/

.jump { margin: 90px 30px 0; background: #fff; border-radius: 6px; }
.jump .icon { margin: 26px auto 0; width: 41.33px; height: 41.33px; background: url(../images/sprite_01.png) -3px -33px; background-size: 100px 300px; }
.jump.error .icon { background-position: -50px -33px; }
.jump .title { margin-top: 12px; height: 24px; line-height: 24px; font-size: 18px; text-align: center; color: #022b66; }
.jump.error .title { color: #a12b29; }
.jump .content { margin-top: 8px; height: 18px; line-height: 18px; font-size: 14px; color: #c7c7c7; text-align: center; }
.jump .btn { width: 160px; margin: 16px auto 26px; }

/*jump end*/


/* apply_list start */

.search_box { margin: 12px 20px 0; border-bottom: 1px solid #ccc; }
.apply_list { margin: 0 20px; }
.apply_list .cell { position: relative; display: block; padding: 12px 10px 12px 60px; border-bottom: 1px solid #ccc; }
.apply_list .cell:after { right: -4px; }
.apply_list .cell .icon { position: absolute; z-index: 1; left: 0; top: 12px; width: 48px; height: 48px; border-radius: 24px; background: #e60012; text-align: center; }
.apply_list .cell .icon i { display: inline-block; margin-top: 16px; width: 23px; height: 15px; background: url(../images/sprite_01.png) -5px -83px; background-size: 100px 300px; }
.apply_list .cell .title { margin: 4px 0; line-height: 20px; font-size: 14px; color: #656565; }
.apply_list .cell .status { height: 20px; line-height: 20px; color: #e60012; display: inline-block; }
.apply_list .cell .status i { display: inline-block; margin: 4px 6px 0 8px; width: 11px; height: 11px; background: url(../images/sprite_01.png) -77px -82px; background-size: 100px 300px; }
.apply_list .cell.pass .icon { background: #009a44; }
.apply_list .cell.pass .status { color: #009a44; }
.apply_list .cell.pass .status i { background-position: -60px -82px; }
.apply_list .cell.not_pass .icon { background: #cacaca; }
.apply_list .cell.not_pass .status { color: #cacaca; }
.apply_list .cell.not_pass .status i { background-position: -43px -100px; }
.apply_list .cell.applying .icon { background: #fa800a; }
.apply_list .cell.applying .status { color: #fa800a; }
.apply_list .cell.applying .status i { background-position: -43px -82px; }
.apply_list .cell .info { margin: 3px 0; line-height: 16px; font-size: 12px; color: #979796; }

/* apply_list end */


/* apply_detail start */

.ipt_title { position: relative; margin: 23px 20px 11px; height: 22px; line-height: 22px; color: #656565; }
.ipt_title .btn { position: absolute; z-index: 1; right: 0; top: -12px; margin: 0; width: 100px; }
.ipt_title + .ipt_list { margin-top: 0; }
.apply {}
.apply .btn_box { margin: 30px 10px 40px; display: flex; }
.apply .btn_box .btn { width: 50%; margin: 0 10px; }
.ipt_list .ipt_cell input[type='radio'] { position: relative; left: auto; right: auto; top: auto; margin-left: 4px; margin-right: 6px; }
.ipt_list .ipt_cell input[type='radio']:before { font-size: 22px; }
.ipt_list .ipt_cell .tip { margin: 0; padding: 0; width: 100%; border: none; background: none; color: #c8c7c7; font-size: 14px; line-height: 24px; height: 24px; text-align: left; }
.img_upload {display: flex; padding: 0 16px 16px; align-items: flex-start; }
.img_upload .add_img { flex: 1; margin-right: 16px; border: 1px solid #dadada; border-radius: 6px; display: flex; align-items: center; padding: 1px; /*width: 92px; height: 92px; background: url(../images/img_upload.png) 0 0 no-repeat; background-size: 100% 100%;*/ }
.img_upload .add_img:last-child { margin: 0; }
.img_upload .add_img img { width: 100%; max-width: 100%; border-radius: 6px; }
.hour_cell + .hour_cell { margin-top: 14px; }
/* apply_detail end */
